<template>
    <li class="battery" name="electicMonitor">
        <div class="power-header-box">{{electricmonitorData.name}}</div>
        <div class = "isid" style="display: none">{{electricmonitorData.deviceid}}</div>
        <div class="power-content-box2">
            <div class="power-content-left2">1路电流I1</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983296"]}}A</div>
            <div class="power-content-left1">1路电压U1</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983320"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">2路电流I2</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983297"]}}A</div>
            <div class="power-content-left1">2路电压U2</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983321"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">3路电流I3</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983298"]}}A</div>
            <div class="power-content-left1">3路电压U3</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983322"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">4路电流I4</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983299"]}}A</div>
            <div class="power-content-left1">4路电压U4</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983323"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">5路电流I5</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983300"]}}A</div>
            <div class="power-content-left1">5路电压U5</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983324"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">6路电流I6</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983301"]}}A</div>
            <div class="power-content-left1">6路电压U6</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983325"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">7路电流I7</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983302"]}}A</div>
            <div class="power-content-left1">7路电压U7</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983326"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">8路电流I8</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983303"]}}A</div>
            <div class="power-content-left1">8路电压U8</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983327"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">9路电流I9</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983304"]}}A</div>
            <div class="power-content-left1">9路电压U9</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983328"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">10路电流I10</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983305"]}}A</div>
            <div class="power-content-left1">10路电压U10</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983329"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">11路电流I11</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983306"]}}A</div>
            <div class="power-content-left1">11路电压U11</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983330"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">12路电流I12</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983307"]}}A</div>
            <div class="power-content-left1">12路电压U12</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983331"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">13路电流I13</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983308"]}}A</div>
            <div class="power-content-left1">13路电压U13</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983332"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">14路电流I14</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983309"]}}A</div>
            <div class="power-content-left1">14路电压U14</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983333"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">15路电流I15</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983310"]}}A</div>
            <div class="power-content-left1">15路电压U15</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983334"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">16路电流I16</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983311"]}}A</div>
            <div class="power-content-left1">16路电压U16</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983335"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">17路电流I17</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983312"]}}A</div>
            <div class="power-content-left1">17路电压U17</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983336"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">18路电流I18</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983313"]}}A</div>
            <div class="power-content-left1">18路电压U18</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983337"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">19路电流I19</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983314"]}}A</div>
            <div class="power-content-left1">19路电压U19</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983338"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">20路电流I20</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983315"]}}A</div>
            <div class="power-content-left1">20路电压U20</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983339"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">21路电流I21</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983316"]}}A</div>
            <div class="power-content-left1">21路电压U21</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983340"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">22路电流I22</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983317"]}}A</div>
            <div class="power-content-left1">22路电压U22</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983341"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">23路电流I23</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983318"]}}A</div>
            <div class="power-content-left1">23路电压U23</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983342"]}}V</div>
        </div>
        <div class="power-content-box2">
            <div class="power-content-left2">24路电流I24</div>
            <div class="power-content-right2">{{electricmonitorAlarm["983319"]}}A</div>
            <div class="power-content-left1">24路电压U24</div>
            <div class="power-content-right1">{{electricmonitorAlarm["983343"]}}V</div>
        </div>
    </li>
</template>
<script>
    export default {
        name:'electricMonitor',
        props:[
            "electricmonitorData",
            "electricmonitorAlarm"
        ],
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>
<style >
    .power-content-box2{
        width: 360px;
        height: 25px;
        overflow: hidden;
        background: #fff;
        border-bottom:1px solid #ebeef5;
        position: relative;
    }
    .power-content-box2:hover{
        background: #f5f7fa;
        cursor: pointer;
    }
    .power-content-left2{
        float: left;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
    }
    .power-content-right2{
        float: left;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
    }
    .power-content-left1{
        float: left;
        width: 75px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
    }
    .power-content-right1{
        float: left;
        width: 70px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
    }
    .power-content-box2 .power-content-number{
        font-size: 14px;
        font-weight: 600;
        color: red;
    }
</style>
